--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Commit 4b686e12c3285a31ba2cf2cd53c63656311e5992
Parents : 19e94cf
Author : Sudo-Ivan <ivan@quad4.io>
Signature : Signature validation error
Date : 2026-01-07T14:58:41-06:00
fix(ui): handle pop-up blocking in PaperMessageModal and improve QR code message sending logic in PaperMessagePage
Changes
2 files changed, 25 insertions(+), 16 deletions(-)
Diff
diff --git a/meshchatx/src/frontend/components/messages/PaperMessageModal.vue b/meshchatx/src/frontend/components/messages/PaperMessageModal.vue
index 73ddf49d..7839bc4e 100644
--- a/meshchatx/src/frontend/components/messages/PaperMessageModal.vue
+++ b/meshchatx/src/frontend/components/messages/PaperMessageModal.vue
@@ -329,6 +329,11 @@ export default {
if (!dataUrl) return;
const printWindow = window.open("", "_blank");
+ if (!printWindow) {
+ ToastUtils.error("Pop-up blocked. Please allow pop-ups to print.");
+ return;
+ }
+
printWindow.document.write(`
<html>
<head>
diff --git a/meshchatx/src/frontend/components/tools/PaperMessagePage.vue b/meshchatx/src/frontend/components/tools/PaperMessagePage.vue
index b13bd208..b0c82307 100644
--- a/meshchatx/src/frontend/components/tools/PaperMessagePage.vue
+++ b/meshchatx/src/frontend/components/tools/PaperMessagePage.vue
@@ -354,31 +354,30 @@ export default {
}
},
async sendPaperMessage() {
- const canvas = this.$refs.qrcode;
- if (!canvas || !this.destinationHash || !this.generatedUri) return;
+ if (!this.destinationHash || !this.generatedUri) return;
try {
this.isSending = true;
- // get data url from canvas (format: data:image/png;base64,iVBORw0KG...)
- const dataUrl = canvas.toDataURL("image/png");
-
- // extract base64 data by removing the prefix
- const imageBytes = dataUrl.split(",")[1];
-
// build lxmf message
const lxmf_message = {
destination_hash: this.destinationHash,
- content: this.generatedUri,
- fields: {
- image: {
- image_type: "png",
- image_bytes: imageBytes,
- name: "qrcode.png",
- },
- },
+ content: `Please scan the attached Paper Message or manually ingest this URI: ${this.generatedUri}`,
+ fields: {},
};
+ // get data url from canvas if available
+ const canvas = this.$refs.qrcode;
+ if (canvas) {
+ const dataUrl = canvas.toDataURL("image/png");
+ const imageBytes = dataUrl.split(",")[1];
+ lxmf_message.fields.image = {
+ image_type: "png",
+ image_bytes: imageBytes,
+ name: "paper_message_qr.png",
+ };
+ }
+
// send message
const response = await window.axios.post(`/api/v1/lxmf-messages/send`, {
delivery_method: "opportunistic",
@@ -409,6 +408,11 @@ export default {
if (!dataUrl) return;
const printWindow = window.open("", "_blank");
+ if (!printWindow) {
+ ToastUtils.error("Pop-up blocked. Please allow pop-ups to print.");
+ return;
+ }
+
printWindow.document.write(`
<html>
<head>
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────